Ext.BLANK_IMAGE_URL = "../extjs/resources/images/default/s.gif";

var start = {
	id : 'start-panel',
	title : '欢迎使用',
	layout : 'fit',
	bodyStyle : 'padding:25px',
	html : '<img src="../mcflies_autoParts_images/bg.jpg"/>'
};

var autoPartsMain = function(){
	Ext.get('loading').remove();
	Ext.QuickTips.init();
	Ext.lib.Ajax.defaultPostHeader += ";charset=utf-8";//初始化传输时的编码
	//头部
	var autoPartsHead = new Ext.Panel({
		region : 'north',
		id : 'head-panel',
		border : false,
		html : "<div style='background:url(../pic/main1.gif) repeat-x;height:78px;'></div>",
		height : 80
	});
	
	//底部
	var autoPartsFoot = new Ext.Panel({
		region : 'south',
		id : 'foot-panel',
		html : '<div style="background:url(../pic/main2.gif) repeat-x;height:33px;">'
			 + '<div style="float:left;font:normal 14px 宋体;margin:10px;">Author：<span style="color:blue">mcfily_jun</span>&nbsp;</div>' 
			 + '<div style="float:right;font:normal 14px 宋体;margin:10px;">版权所有：<a href="http://www.52509.net">509工作室</a></div>'
			 + '</div>',
		height : 35
	});
	
	var toolMenu = new Ext.menu.Menu({
		items : [{
			text : '关于系统',
			iconCls : 'icon-info',
			handler : function() {
				new Ext.Window({
					closeAction : 'close',
					resizable : false,
					bodyStyle : 'padding: 7',
					modal : true,
					title : '关于本系统',
					html : '汽车配件管理系统',
					width : 300,
					height : 200
				}).show();
			}
		}, {
			text : '退出系统',
			iconCls : 'icon-delete',
			handler : function() {
				Ext.Msg.confirm('操作提示', '您确定要退出本系统?', function(btn) {
					if ('yes' == btn) {
						Ext.Ajax.request({
							url : '',
							success : function() {
								location = '';
							},
							failure : function() {
								Ext.Msg.show({
									title : '错误提示',
									msg : '退出系统失败!',
									icon : Ext.Msg.ERROR,
									buttons : Ext.Msg.OK
								});
							}
						});
					}
				});
			}
		}]
	});
	
	var autoPartsMainPanel = new AutoParts.Office.MainPanel({
		style : 'padding:0 6px 0 0',
		autoScroll : true,
		region : 'center',
		deferredRender : true,
		activeTab : 0,
		resizeTabs : true,
		inTabWidth : 120,
		tabWidth : 90,
		enableTabScroll : true,
		items : [start]
	});
	
	//左侧菜单
	var autoPartsLeftMenu = new Ext.Panel({
		region : 'west',
		id : 'left_panel',
		layout : 'border',
		width : 200,
		bodyStyle : 'background-color:#DFE8F6',
		defaults : {
			border : false
		},
		//工具栏
		bbar : [{
			text : '开始',
			iconCls : 'icon-plugin',
			menu : toolMenu
		}], 
		items : [{
			layout : 'accordion',
			region : 'center',
			items : [{
				title : '鑫日美汽配',
				iconCls : 'icon-plugin',
				border : false,
				items : [{
					xtype : 'treepanel',
					border : false,
					rootVisible : false,
					autoScroll : true,
					loader : new Ext.tree.TreeLoader({
						dataUrl :'autoPartsBase_loadLeftMenuTree?id=' + new Date()
					}),
					root : new Ext.tree.AsyncTreeNode(),
					listeners : {
						'click' : function(n) {
							try {
//								var sn = this.selModel.selNode || {};
//								if (n.leaf && n.id != sn.id) {
								if (n.leaf) {
									autoPartsMainPanel.loadTab(n);
								}
							} catch (e) {
							}
						}
					}
				}]
			}]
		}]
	});
	
	var viewport = new Ext.Viewport({
		layout : 'border',
		style : 'border : #024459 2px solid;',
		items : [autoPartsHead , autoPartsFoot , autoPartsLeftMenu , autoPartsMainPanel]
	});
};

Ext.onReady(autoPartsMain);